<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Votings</title>
<link href="media/css/style.css" rel="stylesheet" type="text/css" />
<script src="media/js/jquery-1.7.min.js" type="text/javascript"></script>
<script src="media/js/jquery.masonry.min.js" type="text/javascript"></script>
<script>
$(function(){
	var $container = $('#container');
	
	$container.imagesLoaded( function(){
	  $container.masonry({
	    itemSelector : '.pin',
	    isAnimated: 'true'
	    
	  });
	});
});
</script>
</head>

<body>
<div id="nologin">
<div class="nologin-inner">
	<span>呼朋唤友，打败购物纠结</span><a href="#"><img src="media/bg/login-btn.png" /></a> <span>或</span> <a href="#"><img src="media/bg/reg-btn.png" /></a> 
</div>
</div>
<!--no-login-end-->
<div id="header">
<div class="header-inner clearfix">
	<div class="logo"></div>
	<div class="link_wrap">
		<a class="link-votings" href="#">随便看看</a>
		<a class="link-settings" href="#">帐户设置</a>
	</div>
	<div class="user-login clearfix">
		<div class="user-login-photo"><a href="#"><img src="img/header/default-header-50.jpg" alt="name" /></a></div>
		<div class="user-login-name"><a href="#">苍井空</a></div>
		<div class="user-logout"><a href="#">退出</a></div>
	</div>
</div>
</div>
<!--header-end-->
<div id="main">
	<div class="box box-header"><h1>投票</h1></div>
	<div id="container">
		<div class="pin">
			<a href="#"><img src="img/01.jpg" /></a>
			<div class="votings-info">
				<div class="votings-user"><span class="name">苍井空</span><img src="img/header/default-header-30.jpg" alt="name" /></div>
				<div class="votings-data"><span class="votings-down">3</span><span class="votings-up">23</span></div>
			</div>
		</div>
		<div class="pin">
			<a href="#"><img src="img/02.jpg" /></a>
			<div class="votings-info">
				<div class="votings-user"><span class="name">苍井空</span><img src="img/header/default-header-30.jpg" alt="name" /></div>
				<div class="votings-data"><span class="votings-down">3</span><span class="votings-up">23</span></div>
			</div>
		</div>
		<div class="pin">
			<a href="#"><img src="img/03.jpg" /></a>
			<div class="votings-info">
				<div class="votings-user"><span class="name">苍井空</span><img src="img/header/default-header-30.jpg" alt="name" /></div>
				<div class="votings-data"><span class="votings-down">3</span><span class="votings-up">23</span></div>
			</div>
		</div>
		<div class="pin">
			<a href="#"><img src="img/04.jpg" /></a>
			<div class="votings-info">
				<div class="votings-user"><span class="name">苍井空</span><img src="img/header/default-header-30.jpg" alt="name" /></div>
				<div class="votings-data"><span class="votings-down">3</span><span class="votings-up">23</span></div>
			</div>
		</div>
		<div class="pin">
			<a href="#"><img src="img/05.jpg" /></a>
			<div class="votings-info">
				<div class="votings-user"><span class="name">苍井空</span><img src="img/header/default-header-30.jpg" alt="name" /></div>
				<div class="votings-data"><span class="votings-down">3</span><span class="votings-up">23</span></div>
			</div>
		</div>
		<div class="pin">
			<a href="#"><img src="img/06.jpg" /></a>
			<div class="votings-info">
				<div class="votings-user"><span class="name">苍井空</span><img src="img/header/default-header-30.jpg" alt="name" /></div>
				<div class="votings-data"><span class="votings-down">3</span><span class="votings-up">23</span></div>
			</div>
		</div>
		<div class="pin">
			<a href="#"><img src="img/07.jpg" /></a>
		</div>
		<div class="pin">
			<a href="#"><img src="img/08.jpg" /></a>
		</div>
		<div class="pin">
			<a href="#"><img src="img/09.jpg" /></a>
		</div>
		<div class="pin">
			<a href="#"><img src="img/10.jpg" /></a>
		</div>
		
		<div class="pin">
			<a href="#"><img src="img/11.jpg" /></a>
		</div>
		<div class="pin">
			<a href="#"><img src="img/12.jpg" /></a>
		</div>
		<div class="pin">
			<a href="#"><img src="img/13.jpg" /></a>
		</div>
		<div class="pin">
			<a href="#"><img src="img/14.jpg" /></a>
		</div>
		<div class="pin">
			<a href="#"><img src="img/15.jpg" /></a>
		</div>
		<div class="pin">
			<a href="#"><img src="img/16.jpg" /></a>
		</div>
		<div class="pin">
			<a href="#"><img src="img/17.jpg" /></a>
		</div>
		<div class="pin">
			<a href="#"><img src="img/18.jpg" /></a>
		</div>
		<div class="pin">
			<a href="#"><img src="img/19.jpg" /></a>
		</div>
		<div class="pin">
			<a href="#"><img src="img/20.jpg" /></a>
		</div>	
	</div>
	<div class="pin-loading"><span>加载中...</span></div>
	<div class="jogger"><span class="disabled"> < </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> > </a></div>
</div>
<!--main end-->

<div class="footer">
<div class="foot-inner clearfix">
	<ul class="foot-nav clearfix">
		<li><a href="#">投票</a></li>
		<li><a href="#">如何使用</a></li>
		<li><a href="#">设置</a></li>
	</ul>
	<ul class="foot-sns clearfix">
		<li class="tengxun"><a href="#">腾讯微博</a></li>
		<li class="weibo"><a href="#">新浪微博</a></li>
		<li class="douban"><a href="#">豆瓣小站</a></li>
	</ul>
	<p class="copyright">© 2011 Votings.in</p>
</div>
</div>
</body>
</html>
